@charset "UTF-8";

body { 
      background-color: #ffeebb; 
      font-family: Arial, Helvetica, sans-serif; 
      color: #000000; 
      font-size: 16px; 
     }

/* -------------- ALIGN --------------- */

div.centered { text-align: center; }

.right {
        float: right;
        right: 0px;
       }

.left {
       float: left;
       left: 0px;
      }

/* -------------- PARAGRAPHS --------------- */

p { 
   font-size: 1.0em; /* 16px/16=1.0em */ 
   padding:0px 10px 0px 10px;
  }

p.ex1 { 
       font-size: 1.0em; /* 16px/16=1.0em */ 
       padding:0px 10px 0px 10px;
      }

p.indent { 
       font-size: 1.0em; /* 16px/16=1.0em */ 
       padding:0px 25px 0px 25px;
      }

/* --------------- LINKS --------------- */

/* -------- STD LINK UNDERLINE --------- */

a:link {color:#0000cc;}
a:visited {color:#000099;}
a:hover {color:#cc0000;}
a:active {color:#ff0000;}


/* -------- STD LINK NO UNDERLINE --------- */
a.one:link {
	    color:#0000cc;
            text-decoration:none;
           }
            a.one:visited {color:#000099;}
            a.one:hover {color:#cc0000;}
            a.one:active {color:#ff0000;}

/* -------- NO UNDERLINE WHITE LINK --------- */

a.whiteuno:link {
	          color:#ffffff;
                  text-decoration:none;
                }
                 a.whiteuno:visited {color:#ffffff;}
                 a.whiteuno:hover {color:#ff6666;}
                 a.whiteuno:active {color:#cc0000;}


/* -------- LINK BOX (BLUE ONE) --------- */ 
a.blueone:link {
              color:#0000cc;
              text-decoration:none;
              font-size: 14px; 
             }
a.blueone:visited {color:#000099;}
a.blueone:hover {color:#cc0000; }
a.blueone:active {color:#666666;} 




/* -------- INLINE --------- */

.inline { display: inline-block; }

/* -------- TABLES --------- */

table.buttonlink { 
  display: inline-table; 
  border: 3px solid black;
  border-radius: 10px;
  padding: 3px;
  background-color: #000099; 
}

table.tentable { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
}

table.tentable th {
  cursor: pointer;
  background-color: #dddddd; 
  padding: 3px;
  border: 2px solid #000000;
}

table.tentable td {
  text-align: left;
  padding: 5px;
  border: 2px solid #000000;
} 

table.noborder {
  display: inline-table;
} 

table.noborder td {
  padding: 3px; 
} 

table.noborderleft {
  display: inline-table;
} 

table.noborderleft td {
  padding: 5px; 
  text-align: left;
} 

table.outlinecenter { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
  padding: 3px;
}

table.outlinecenter th { 
  padding: 3px;
  background-color: #eeeeee; 
  border: 2px solid black;
}

table.outlinecenter td { 
  padding: 3px;
  background-color: #ffffff; 
  text-align: center;
}


table.outlineleft { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
  padding: 3px;
}

table.outlineleft th { 
  padding: 3px;
  background-color: #eeeeee; 
  border: 2px solid black;
}

table.outlineleft td { 
  padding: 3px;
  background-color: #ffffff; 
  text-align: left;
}

table.bordersleft { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
}

table.bordersleft th {
  cursor: pointer;
  padding: 3px;
  border: 2px solid #000000;
  background-color: #eeeeee; 
}

table.bordersleft td {
  text-align: left;
  padding: 5px;
  border: 2px solid #000000;
} 


table.borderscenter { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff; 
}

table.borderscenter th {
  cursor: pointer;
  padding: 3px;
  border: 2px solid #000000;
  background-color: #eeeeee; 
}

table.borderscenter td {
  text-align: center;
  padding: 5px;
  border: 2px solid #000000;
} 


table.inxline {
  display: inline-table;
  border-collapse: collapse; 
  margin-left: auto; 
  margin-right: auto;
  width: 100%;
} 

table.inxline th {
  padding: 10px;
  background-color: #333399; 
  font-size: 24px; 
  color: #ffff00;
} 

table.inxline td {
  padding: 10px;
  background-color: #333333; 
} 

table.utc2now {
  display: inline-table;
  background-color: #003366;
  padding:3px;
} 

table.utc2now td {
  padding: 5px;
  text-align: center;
} 


table.borderlinks { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid #000000;
  margin-left: auto; 
  margin-right: auto;
  background-color: #000099; 
}

table.borderlinks td {
  text-align: center;
  padding:7px;
  border: solid 3px #000000;
} 

table.calcjs { 
  display: inline-table;
  border-collapse: collapse; 
  border: 3px solid black;
  margin-left: auto; 
  margin-right: auto;
  background-color: #ccddff; 
  padding: 3px;
}

table.calcjs th { 
  padding: 3px;
  background-color: #004ba9; 
  border: 2px solid black;
  font-size: 18px;
  color: #ffffff;
} 

table.calcjs td { 
  padding: 5px; 
  text-align: left;
}

/* ------------- BUTTONS AND SUBMIE ------------- */

.button {
  border: 3px solid #000000;
  color: white;
  font-size: 16px;
  font-weight: bold;
  background-color: #006cba;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer; 
  border-radius: 10px; 
} 

.button:hover {
  background-color: #000000;
  color: #ffff00;
} 

/* -------- CONTAINER FOR NAVIGATION BAR LINKS --------- */

.container {
    overflow: hidden;
    background-color: #333333;
    font-family: Arial;
}

.container a {
    float: left;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}